<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../css/global.css" />
	<link rel="stylesheet" href="../css/main.css" />
	<title>我的油卡</title>
</head>
<body class="bg_f5f5f5">
	<div class="all_top">
		<div class="all_top_main">
			<a href="javascript:history.go(-1);" class="all_top_back"></a>
			<p class="all_top_tit t_c">我的油卡</p>
		</div>
	</div>
	<div class="user_card">
		<a href="add_card.html" class="user_card_add">添加油卡</a>
		<p class="user_card_name">加油卡</p>
		<ul class="user_card_ul">
			<li class="user_card_li">
				<div class="user_card_main box">
					<div class="box_flex1">
						<p class="user_card_main_num">卡号：111000022220020202</p>
						<p class="user_card_main_name">中国石化</p>
					</div>
					<a href="http://www.baidu.com" class="user_card_close"></a>
				</div>
			</li>
			<li class="user_card_li">
				<div class="user_card_main box">
					<div class="box_flex1">
						<p class="user_card_main_num">卡号：111000022220020202</p>
						<p class="user_card_main_name">中国石化</p>
					</div>
					<a href="http://www.baidu.com" class="user_card_close"></a>
				</div>
			</li>
		</ul>
	</div>
	<section class="pop_content">
		<div class="pop_table">
			<div class="pop_body">
				<div class="pop_main">
					<p class="pop_content_tit">确认删除油卡吗？</p>
					<p>删除后将无法恢复</p>
					<div class="box">
						<div class="box_flex1 pop_content_btn pop_btn_cancel">
							取消
						</div>
						<div class="box_flex1 pop_content_btn pop_btn_sure">
							确定
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	
</body>
</html>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript">
	$(".user_card_close").on("click", function(e) {
		// 保存删除操作的链接，当点击弹窗里的确定删除时执行删除链接
		var _this = $(this).attr("href");
		e.preventDefault();
        $(".pop_content").show();
        $(".pop_btn_cancel").on("click", function(){
        	$(".pop_content").hide();
        });
        // 点击确定时 提交表单
        $(".pop_btn_sure").on("click", function(){
        	$(".pop_content").hide();
        	window.location.href = _this;
        });
	});
</script>
